<template lang="html">
  <div class="mask mask-rules" v-if="showRules">
    <div class="mask-bg" @click="showRules = false"></div>
    <div class="mask-main">
      <h3>
        <img class="max" src="/static/pingtuan/spell_img_bg@2x.png" alt="">
      </h3>
      <div class="rules-content">
        <h3>一、拼团有效期</h3>

        <p>请在拼团有效期内完成拼团，如果在有效期内，未达成相应参团人数，则拼团失败。如果距离活动结束时间小于拼团有效期时，则以拼团有效期为准。</p>

        <h3>二、拼团成功</h3>

        <p>拼团有效期内，支付的用户达到参团人数，则拼团成功</p>

        <h3>三、拼团失败</h3>

        <p>拼团有效期后，未达成相应参团人数的团，则该团失败，拼团失败的订单，系统会在1-7个 工作日内处理退款，系统处理后1-10个工作日内原路退回原支付账户中</p>

      </div>
      <div class="btn-submit" @click="showRules = false">
        知道了
      </div>
    </div>
  </div>
</template>

<script>

export default {
  props: ['content'],
  data() {
    return {
      showRules: false,
    }
  },
  created() {

  },
  methods: {
    MaskRulesEvent() {
      this.showRules = true
    }
  }
}
</script>

<style lang="scss">
@import '@/styles/pingtuan/common.scss';
.mask .mask-main h3{
    font-size: .4rem;
    font-weight: 500;
}
.mask .mask-main p{
  margin-bottom: .3rem;
}
</style>
